@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(animate.min.css);
/*首页*/
/*轮显*/
.banner{ overflow:hidden;}
.banner img{ width:auto;}
/* hack 容器的样式 */
#module_389623306 .SubContainer { position: absolute; top: 0; left: 50%; width: 100%;

height: 100% !important; z-index: 99; max-width: 1200px; transform: translateX(-50%);
}
.module_389623306 .ModuleItem { position: absolute; top: 0; left: 40%; width: 200px; height: 200px; z-index: 99; }
/*新品推荐*/
.i_title{ margin-top:6%; z-index:4; position:relative;}					
.i_title .i_title_l{ float:left; color:#333333; overflow:hidden;}
.i_title .i_title_l .label{ display:block; overflow:hidden; font-weight:bold; font-family:Arial; height:22px; line-height:22px;}
.i_title .i_title_l .h4{ font-weight:bold; overflow:hidden; line-height:54px; height:54px; margin-top:0; color:#1B752D;}
.i_title .i_title_r{ float:right;margin-top:25px;}
.i_title .searchtitle4{width:260px;height: 44px;font-size: 16px;position: relative;  background:url(../images/job_pic1.png) #fff right 16px top 18px no-repeat; background-size:11px 6px;  float:left; margin-right:20px;  }
.i_title .searchtitle4 label{text-indent:24px;height:44px; line-height:42px; display:block; width:100%; text-decoration:none; cursor:pointer; overflow:hidden; color:#00883E; text-align:left;border:1px solid #c7d9ef; border-radius:4px; }
.i_title .searchtitle4 ul{display: none;position: absolute;z-index: 10;width: 100%; top: 42px; background-color:#fff; border:1px solid #dddddd; border-top:0; margin-right:0; border-radius:0 0 6px 6px; max-height:220px; overflow-y:scroll;}
.i_title .searchtitle4 li{cursor: pointer; line-height:34px;text-indent:18px;color:#fff;overflow:hidden; height:34px;}
.i_title .searchtitle4 li:last-child{border-radius:0 0 6px 6px;}
.i_title .searchtitle4 li a{ color:#333;/*border-bottom:1px solid #eee; */text-align:left; display:block;text-decoration:none; font-size:14px; text-indent:24px; padding-left:10px;}
.i_title .searchtitle4 li b a{ padding-left:0;}
.i_title .searchtitle4 li:hover{background: #00883E; color:#fff;}
.i_title .searchtitle4 li:hover a{ color:#fff;}
.i_title .i_title_r .a{ float:left; width:160px; height:44px; line-height:44px; text-align:center; border:1px solid #00883E;border-radius:4px;  color:#00883E; overflow:hidden;}
.i_title .i_title_r .a span{ margin-left:8%; font-family:"宋体";}
.i_title .i_title_r .a:hover{background:#00883E;color:#fff; }
.i_one{ clear:both; overflow:hidden; margin-top:3%; margin-bottom:2%;}
.i_one .i_one_l{ float:left; width:99.285%; overflow:hidden;}
.i_one .i_one_l ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden; background:#f0f3f8; position:relative;}
.i_one .i_one_l ul li:nth-child(3n+0){ margin-right:0;}
.i_one .i_one_l ul li .imgs img{display: block;width: 100%;opacity:0;filter:Alpha(opacity=0);}
.i_one .i_one_l ul li .imgs{overflow:hidden;}
.i_one .i_one_l ul li .imgs .img{ overflow:hidden; height:210px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_one .i_one_l ul li .imgs .img{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_one .i_one_l ul li:hover .imgs .img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one .i_one_l ul li .txts{ width:96%; margin:0 auto;max-width:402px;  overflow:hidden; text-align:center;}
.i_one .i_one_l ul li .txts .h5{ font-weight:normal; overflow:hidden; position:relative; height:48px; line-height:58px; font-weight:bold; color:#258A3A;}
.i_one .i_one_l ul li .txts .h5:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-8px; width:16px; height:2px; background:#00883E;}
.i_one .i_one_l ul li .txts .p{ margin-top:3%; line-height:24px; height:48px; text-align:left; font-size:14px; color:#999999;overflow:hidden; margin-bottom:9px; margin-top:9px;}
.i_one .i_one_l ul li .bgs{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(37,139,55,0.7); text-align:center;display: flex; align-items: center; justify-content: left;opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}
.i_one .i_one_l ul li:hover .bgs{opacity:1.0;filter:Alpha(opacity=100);}
.i_one .i_one_l ul li .bgs .boxs{ width:94%; margin:0 auto; overflow:hidden; color:#fff;}
.i_one .i_one_l ul li .bgs .h6{ font-weight:normal; height:50px; line-height:50px; overflow:hidden; position:relative; margin-bottom:11px; color:#fff;}
.i_one .i_one_l ul li .bgs .h6:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-9px; width:18px;  height:2px; background:#fff;}
.i_one .i_one_l ul li .bgs .p{ display:inline-block; overflow:hidden; line-height:28px; max-height:204px; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.i_one .i_one_l ul li .bgs em{ font-style:normal; overflow:hidden; width:109px; height:30px; line-height:30px; display:block; margin:0 auto; margin-top:23px; border-radius:4px; font-size:14px; background:#258B37;transition:all 0.3s;}
.i_one .i_one_l ul li .bgs em:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_one .i_one_r{ float:right; width:34.285%; overflow:hidden;}
/*解决方案*/
.i_two_bg{ background:#f0f3f8; overflow:hidden;position:relative; height:750px;}
.i_two_bg .i_two_r{ float:right; width:50%;}
.i_two_bg .i_two_l{ position:absolute; top:0; width:46.5%; max-width:585px;  overflow:hidden; }
.i_two_bg .i_two_l .boxs{ overflow:hidden; width:100%;}
.i_two_bg .i_two_l .i_title{ margin-top:20%; padding-bottom:2%;}
.i_two_bg .i_two_l .i_two_a{ max-width:484px; overflow:hidden; margin-top:7%;}
.i_two_bg .i_two_l .i_two_a li{ float:left; width:99%; margin-right:2%; margin-bottom:17px;}
.i_two_bg .i_two_l .i_two_a li:nth-child(2n+0){ margin-right:0;}
.i_two_bg .i_two_l .i_two_a li a{ display:inline-block; vertical-align:top; line-height:32px; height:32px;/*border-bottom:1px solid #fff;*/ color:#333333; position:relative;}
.i_two_bg .i_two_l .i_two_a li a:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#00883E;transition:all 0.3s;}
.i_two_bg .i_two_l .i_two_a li a:hover{  color:#00883E;}
.i_two_bg .i_two_l .i_two_a li a:hover:after{ width:100%;}
.i_two_bg .i_two_l .p{ overflow:hidden; line-height:32px; color:#666666; margin-top:3%; }
.i_two_bg .i_two_l .i_more{ margin-top:4%;}
.zhi{ position:absolute; left:-0.5%; top:10%; line-height:200px;  color:rgba(17,17,17,0.05); font-size:200px; font-weight:bold; font-family:Arial;}
.i_more{ display:block; width:160px; height: 44px; line-height: 44px; border:1px solid #00883E; color:#00883E;border-radius: 4px; text-align:center; margin-top:5%;}
.i_more:hover{ background:#00883E;  color:#fff;}
.i_more span{margin-left: 8%; font-family: "宋体";}
/*应用领域*/
.i_three_bg{ background:url(../images/i_img9.jpg) center center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.i_three_bg .zhi{ top:14%;}
.i_three_bg .i_title{ margin-top:10%;}
.i_three_con{ margin-top:3%; overflow:hidden; margin-bottom:10%;}
.i_three_l{ float:left; overflow:hidden;width:50%;}
.i_three_l .divhidden{display: block; opacity: 0;  filter: Alpha(opacity=0); height: 0; overflow: hidden; transition: all 0.3s;}
.i_three_l .divhidden.on{opacity: 1.0;filter: Alpha(opacity=100); height: auto;}
.i_three_r{ float:right; width:50%; overflow:hidden;}
.i_three_r ul li{ float:left; width:50%; height:235px; overflow:hidden; text-align:center; background:rgba(255,255,255,0.4);transition:all 0.3s; cursor:pointer;}
.i_three_r ul li.isel{ background:rgba(68,129,202,0.8);}
/*.i_three_r ul li:hover{ background:rgba(68,129,202,0.8);}*/
.i_three_r ul li img{ display:block; height:67px; margin:0 auto; margin-top:61px;transition:all 0.3s; background:#00883E;border-radius:50%; }
.i_three_r ul li.isel img{ margin-top:42px; background:none;}
/*.i_three_r ul li:hover img{ margin-top:42px; background:none;}*/
.i_three_r ul li .h5{ font-weight:normal; overflow:hidden; line-height:52px; height:52px; margin-top:2px;transition:all 0.3s; color:#333333;}
.i_three_r ul li.isel .h5{ margin-top:0; color:#fff;}
/*.i_three_r ul li:hover .h5{ margin-top:0; color:#fff;}*/
.i_three_r ul li .a{ font-style:normal; height:32px; line-height:32px; overflow:hidden;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);color:#fff;}
.i_three_r ul li.isel .a{opacity:1.0;filter:Alpha(opacity=100);}
/*.i_three_r ul li:hover .a{opacity:1.0;filter:Alpha(opacity=100);}*/
/*关于我们*/
.i_four_bg{ background:url(../images/i_img11.jpg) center center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.i_four_bg .zhi{ top:14%;color: rgba(255,255,255,0.05);}
.i_four_bg .i_title{ margin-top:10%;}
.i_four_bg .i_title .i_title_l{ color:#fff;}
.i_four_bg .i_title .i_title_l .h4{ color:#fff;}
.i_four_bg .h5{font-weight:normal; overflow:hidden; line-height:1.5; margin-top:1.5%;transition:all 0.3s; color:#fff;}
.i_four_bg .p{margin-top:24px; line-height:26px;  color:rgba(255,255,255,0.7);overflow:hidden;}
.i_four_bg .i_more{ color:#fff; border:1px solid rgba(255,255,255,0.6); margin-top:34px;}
.i_four_bg .i_more:hover{ border:1px solid #00883E;}
.i_four_ul{ overflow:hidden; margin-top:49px; margin-bottom:10%;}
.i_four_ul ul li{ float:left; width:24.25%; overflow:hidden; text-align:center; background:rgba(37,137,58,0.9);transition:all 0.3s; cursor:pointer; margin-right:1%;}
.i_four_ul ul li:nth-child(4n+0){ margin-right:0;}
.i_four_ul ul li .cons{ width:94%; margin:0 auto; max-width:276px; overflow:hidden;}
.i_four_ul ul li img{ display:block; height:35px; margin:0 auto; margin-top:37px;transition:all 0.6s;}
.i_four_ul ul li:hover img{transform: rotate(360deg);}
.i_four_ul ul li .h5{ font-weight:normal; overflow:hidden; line-height:32px; height:32px; margin-top:9px;transition:all 0.3s; color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.i_four_ul ul li .p{margin-top:15px; line-height:24px; height:72px;  color:rgba(255,255,255,0.8);overflow:hidden; margin-bottom:35px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*合作伙伴*/
.i_five_bg{ background:#f7f7f7; overflow:hidden; position:relative;}
.i_five_bg .i_title{ margin-top:10%;}
.i_five_bg .zhi{ top:14%;}
@media screen and (max-width: 1760px) {
/*解决方案*/
.i_two_bg .i_two_l .i_more{ margin-top:18%;}
}
@media screen and (max-width: 1600px) {
/*解决方案*/
.zhi{ font-size:180px; line-height:180px;}
.i_two_bg .i_two_l .i_title{ margin-top:18%;}
}
@media screen and (max-width: 1560px) {
/*解决方案*/
.zhi{ top:6%;}
.i_two_bg .i_two_l .i_more{ margin-top:13%;}
.i_two_bg .i_two_l .i_title{ margin-top:10%;}
}
@media screen and (max-width: 1440px) {
/*解决方案*/
.zhi{ font-size:150px; line-height:150px;}
.i_two_bg .i_two_l .i_more{ margin-top:3%;}
}
@media screen and (max-width: 1360px) {
/*解决方案*/
.zhi{ font-size:140px; line-height:140px;}
}
@media screen and (max-width: 1200px) {
/*新品推荐*/
.i_one .i_one_l ul li .imgs .img{ height:173px;}
.i_one .i_one_l ul li .bgs em{ margin-top:13px;}
.i_one .i_one_l ul li .bgs .h6{ height:40px; line-height:40px;}
.i_one .i_one_l ul li .bgs .p{ line-height:24px; max-height:192px;}
/*解决方案*/
.i_two_bg .i_two_l{ position:static; height:auto; width:100%; max-width:none; margin-bottom:6%;}
.i_two_bg .i_two_l .i_two_a{ margin-top:4%;}
.i_two_bg .i_two_l .i_title{ padding-bottom:1%;}
.i_two_bg .i_two_r{ float:none; width:100%;}
.zhi{ position:static; margin-top:4%; font-size:120px; line-height:1; display:none;}
.i_two_bg .i_two_l .i_title{ margin-top:6%; padding-bottom:0;}
.i_two_bg .i_two_l .p{ margin-top:2%;}
/*应用领域*/
.i_three_r ul li{ height:195px;}
.i_three_r ul li img{ margin-top:44px;height:56px;}
.i_three_r ul li.isel img{ margin-top:25px; }
}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 960px) {
/*新品推荐*/
.i_title .i_title_l .h4{ height:50px; line-height:50px;}
.i_title .i_title_r{ margin-top:20px;}
.i_title .i_title_r .a{ width:130px;}
.i_one .i_one_l{ float:none; width:100%;}
.i_one .i_one_l ul li .imgs .img{ height:0; padding-top:50%;}
.i_one .i_one_r{ float:none; width:100%;}
/*解决方案*/
.i_two_bg .i_two_l .i_two_a{ max-width:none;}
.i_two_bg .i_two_l .i_two_a li{ width:23.5%;}
.i_two_bg .i_two_l .i_two_a li:nth-child(2n+0){ margin-right:2%;}
.i_two_bg .i_two_l .i_two_a li:nth-child(4n+0){ margin-right:0;}
.i_two_bg .i_two_l .p{ line-height:28px;}
.zhi{ font-size:100px;}
.i_more{ width:130px;}
/*应用领域*/
.i_three_l{ float:none; width:100%;}
.i_three_r{ float:none; width:100%;}
}

@media screen and (max-width: 780px) {
/*解决方案*/
.zhi{ font-size:80px;}
/*关于我们*/
.i_four_ul ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.i_four_ul ul li:nth-child(4n+0){ margin-right:2%;}
.i_four_ul ul li:nth-child(2n+0){ margin-right:0;}
.i_four_ul ul li img{ margin-top:25px;}
.i_four_ul ul li .p{ line-height:22px; height:66px; margin-bottom:15px; margin-top:10px;}
}
@media screen and (max-width: 640px) {
/*新品推荐*/
.i_title .searchtitle4{width:200px; margin-bottom:2%; margin-right:10px; background-position:right 12px top 17px; height:38px;}
.i_title .searchtitle4:nth-child(2){ margin-right:0;}
.i_title .searchtitle4 label{  text-indent:12px; height:38px; line-height:38px;  font-size:14px;}
.i_title .searchtitle4 li{ text-indent:12px; height:30px; line-height:30px;}
.i_title .searchtitle4 li a{ font-size:13px; text-indent:12px;}
.i_title .i_title_l .h4{ height:44px; line-height:44px;}
.i_title .i_title_r .a{ line-height:38px; height:38px; width:120px;}
.i_one .i_one_l ul li .txts .p{ font-size:13px;line-height:22px; height:44px;}
.i_one .i_one_l ul li .bgs .p{ line-height:22px; font-size:13px; max-height:176px;}
.i_one .i_one_l ul li .bgs em{ margin-top:8px; font-size:13px;}
/*解决方案*/
.i_two_bg .i_two_l .i_two_a li{ width:32%;margin-bottom:2%;}
.i_two_bg .i_two_l .i_two_a li:nth-child(4n+0){ margin-right:2%;}
.i_two_bg .i_two_l .i_two_a li:nth-child(3n+0){ margin-right:0;}
.i_two_bg .i_two_l .p{ line-height:24px;}
.zhi{ font-size:70px;}
.i_more{line-height:38px; height:38px; width:120px;}
/*应用领域*/
.i_three_r ul li{ height:150px;}
.i_three_r ul li img{ margin-top:32px;}
.i_three_r ul li.isel img{ margin-top:20px;}
.i_three_r ul li .h5{ height:40px; line-height:40px;}
.i_three_r ul li .a{ height:22px; line-height:22px;}
/*关于我们*/
.i_four_bg .h5{ margin-top:2%;}
.i_four_bg .p{ margin-top:14px;}
.i_four_ul ul li .p{ margin-bottom:20px; margin-top:5px;}
}

@media screen and (max-width: 480px) {
/*新品推荐*/
.i_title .i_title_l .h4{ height:36px; line-height:36px;}
.i_title .i_title_r{ margin-top:15px;}
.i_title .i_title_r .a{ width:110px;}
.i_title .searchtitle4{width:160px;background-size: 9px 5px;}
.i_title .searchtitle4 label{ font-size:13px;}
.i_one .i_one_l ul li{ width:49%;}
.i_one .i_one_l ul li:nth-child(3n+0){ margin-right:2%;}
.i_one .i_one_l ul li:nth-child(2n+0){ margin-right:0;}
.i_one .i_one_l ul li .txts .p{ font-size:12px; line-height:20px; height:40px;}
.i_one .i_one_l ul li .txts .h5{ height:40px; line-height:40px; margin-top:3px;}
.i_one .i_one_l ul li .bgs .h6{ margin-bottom:6px; height:32px; line-height:32px;}
.i_one .i_one_l ul li .bgs .p{ line-height:20px; font-size:12px; max-height:160px;}
.i_one .i_one_l ul li .bgs em{  font-size:12px; line-height:26px; height:26px; width:90px;}
/*解决方案*/
.i_two_bg .i_two_l .i_more{ margin-top:6%;}
.i_two_bg .i_two_l .p{ line-height:22px;}
.zhi{ font-size:60px;}
.i_more{width:110px;}
/*关于我们*/
.i_four_bg .h5{ margin-top:3.5%;}
.i_four_bg .p{ margin-top:10px;}
}


@media screen and (max-width: 420px) {
/*新品推荐*/
.i_title .i_title_l .h4{ height:30px; line-height:30px;}
.i_title .i_title_r{ margin-top:10px;}
.i_title .i_title_r .a{ width:90px;}
.i_title .i_title_r .a span{ margin-left:4%;}
.i_title .searchtitle4{width:140px; margin-right:6px;}
.i_title .searchtitle4 label{ font-size:12px;}
.i_title .searchtitle4 li a{ font-size:12px;}
/*解决方案*/
.zhi{ font-size:50px;}
.i_more span{ margin-left:4%;}
.i_more{ width:90px;}
.i_two_bg .i_two_l .p{ line-height:20px;}
/*关于我们*/
.i_four_ul ul li .p{ line-height:20px; height:80px;-webkit-line-clamp:4;}
.i_four_ul ul li img{ height:32px;}
}
@media screen and (max-width: 360px) {
/*解决方案*/
.zhi{ font-size:40px;}
}